
        <div class="works-filter">
            <a href="javascript:void(0)" class="filter active" data-filter="mix">所有产品</a>
            <a href="javascript:void(0)" class="filter" data-filter="branding">产品one</a>
            <a href="javascript:void(0)" class="filter" data-filter="web">产品two</a>
            <a href="javascript:void(0)" class="filter" data-filter="graphic">产品three</a>
        </div>
        <div class="js-masonry">
            <div class="row" id="work-grid">
                <!-- Begin of Thumbs Portfolio -->
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_1.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">250</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix web">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_2.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">60</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix graphic">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_3.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">1060</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_4.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">900</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_5.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">979</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_6.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">1024</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_7.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">2048</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_8.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">256</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 mix branding">
                    <div class="img home-portfolio-image">
                        <img src="images/home-portfolio/img_9.jpg" alt="Portfolio Item">
                        <div class="overlay-thumb">
                            <a href="javascript:void(0)" class="like-product">
                                <i class="ion-ios-heart-outline"></i>
                                <span class="like-product">+1</span>
                                <span class="output">256</span>
                            </a>
                            <div class="details">
                                <span class="title">产品名称</span>
                                <span class="info">产品介绍</span>
                            </div>
                            <span class="btnBefore"></span>
                            <span class="btnAfter"></span>
                            <a class="main-portfolio-link" href="/product_details"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="load-more">
            <a href="javascript:void(0)" id="load-more">
                <i class="icon-refresh"></i>
            </a>
        </div>
